Post 
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@override 


build( 
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Mengenai method post 
Adalah menerima input dari user ntah itu menambhakan data atau proses login 


atau proses lain2 yaitu menerima dari user 
Sudah menginstal http 


Å 4. POST.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


X] File Edit Selection View Go Run Terminal Help main.dart - http r 


http/http.dart'.as http;| 


Widget ( 
super(key: key); 


(override 
Widg build(Bui xt context) ( 
return MaterialApp( 


home: HomePage(), 


DEBUG CONSOLE 
D/EGL e ic 22 app time stats: avg-500.38ms min-499.96ms max-500.80ms count: 
D/EGL_ t app_time_stats @8ms max=500 

D/EGL emulation(10223): app time stats 71ms 939 Gäns 

Reloaded 1 of 654 libraries in 805ms 

D/EGL_emulat 10223): app time stats: avg-44106.19ms min=2.@4ms max-705512.12ms count=16 
D/EGL, emulat 2 app time stats: av 2.42ms min-707.08ms 37 


Reloaded 1 of 654 libraries in 771ms 


EGL emulat 10223): app time stats: avg-3011.12ms minzië s max=8988.86ms count=3 


es © B Do © > » ^" ^GBMuw;do | 
01:03 11:59 
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Å 4. POST.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


Selection View Go Run Terminal Help main.dart - http request | Studio Code E) C2 O 


1 B 
impor tipae http/http.dart' as http;| : 
* 
id main() { 6 
runApp(MyApp()) ; 3 
< 
a 
idg 1 
super(key: key); 
override 
Widget build(BuildContext context) { 
retur 
home: 
DEBUG CONSOLE 
10223): app time stats max-500.88ms c 
L emulation(10223): app time stats: avg=499.79ms E max-580.58ms c 
D/EGL emulat 10223): app time stats: avg-500.71ms 38ms c 
Reloaded 1 of 654 libraries in 805ms 
D/EGL emulation(10223 time stats: avg-44106.19ms min 
DJEGL emulation(102 ) time stats: avg=722.42ms min-787 max=737.75ms count=2 
Reloaded 1 of 654 li i in 771ms 
D/EGL emulation(10223): app time stats: avg-3011.12ms min=10.54ms max-8988.86ms c 
"m ouc-.-c B B oue: » ^ ^Gümwzdqos M 
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Kita akan membuat center ini kasih column 
Children pertama kasih elevetedButton 
Onpressed buat function nati postData 
Text nya isinya post 


Å 4. POST.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


Selection Viev Go Run Terminal Help e main.dart - http request 


cla . Home 
(override 
Widget build(B 


Scaffo 


children: [ 
ElevatedB 


1, 


7 DEBUG CONSOLE 
D/EGL_emulati 22 app time stats: avg=500. 38ms max-588 
D/EGL emulation app time stats: avg-499.79ms E max-509 
D/EGL emulati ): app time stats: a 
Reloaded 1 of 654 libraries in 805ms 
D/EGL emulation(10223): app time stats: avg-44106.19ms min=2 max=705512.12ms count=16 
D/EGL_emulation(10 app_time_stats 42ms mi 7.75ms coun 
Reloaded 1 of 654 libraries in 771ms 


EGL emula 3): app time stats: av max-8988.86ms count=3 
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Kita buat function postData 


Å 4. POST.mp4 - VLC media player — x 
Media Audio Video Subtitle 


X] File Edit Selection View Go Run Terminal Help main dart - http request - Visual Studio Code E] C2 (B 


Playback Tools View Help 


E maindat x u 


dget { 4 
super(key: key); 
* 
(override 6 
te<Ho > 
< 
a 
state extends State<HomePage> { 
vid postData() th 
@override 
dget build(BuildCont context) { 
Scaffo 
appBar: pBa 
title: E 
DEBUG CONSOLE 
D/EG 2 app time stats: avg=500.38ms mi E max=500 
D/EGL ation(10223): app time stats 499. 79ms max=500 
D/EGL emulation(10223): app time stats: avg-500.71ms 
Reloaded 1 of 654 libraries in 805ms 
D/EGL emula app time stats /g244106.19ms 
D/EGL, emulation(102 app time stats 
Reloaded 1 of 654 libraries in 771ms 
D/EGL emulation(10223): app time stats 
gore. c B Deeg > ^ ^GBuwz4 0» M 
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Kasih main axis columnnya center 


Å 4. POST.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


File Edit Selection View Go Run Terminal Help main.dart - http 


main.dart X U o 


child ( 
mair gnment : 
children: [ 
q 
onP : postData, 
child: ( jo 


DEBUG CONSOLE 


02:28 
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Ketika tombol ditekan ia proses menjalankan post nya 
Untuk menjlankan post buka websitenya 


Å 4. POST.mp4 - VLC media player — x 
Media Playback Audio Video Subtitle Tools View Help 

TI JSONPlaceholder - Free Fake RE: X de - 9 

€ > Œ ù à jsonplaceholdertypicode.com e ad 

G Gmail @ You E* Maps @ IN i 


Routes i 


All HTTP methods are supported. You can use http or https for your requests. 


GET [posts 

GET [posts/1 

GET L co 
GET ¿comments? pe 
POST /posts 

PUT /posts/1 


PATCH /posts/1 
DELETE /posts/1 


Note: see guide for usage examples, 


Use your own data 


With nur enoncor M. »d and a cimnla Githith reno unu can have vatir nun faka online REST conser in cocande 


WO D € . € B » B m e X * le AGERmMAV OR M 


T) amp dja sis "Pu 
Dia sama seperti get tapi berbeda dgn method post 

Mengunkan data post 

Maka klik aja 
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TE JSONPlaceholder - Free Fake RES X 4 - 8 x 
€ > C A (a jsonplaceholdertypicode.com ja @ 
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Route í 


All HTTP methods are supported. You can use http or https for your requests. 


GET 

GET [posts/1 

GET [posts/1/comm 

GET /comments?p 1 
POST /posts 

PUT /posts/1 


PATCH  /posts/1 


DELETE /posts/1 


Note: see guide for usage examples 


Use your own data 


enoncor M Land a cimnle Githuh rene unu ran have unur nun faka online REST eener in sarande 
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pi kum lit = 


Lalu copy 


Å 4. POST.mp4 - VLC media player = x 
Media Playback Audio Video Subtitle Tools View Help 
T Ider.t x | + = 8 X 
€ C 0 jsonplaceholder.typicode.com/posts 3 
G Gmail t€ E* was @ in i 
[ H 
e userId": 1, 


: "sunt aut facere repellat provident occaecati excepturi optio reprehenderit", 
quia et suscipit nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet 


në, 


“qui est esse”, 
“body”: “est rerum tempore vitae\nsequi sint nihil reprehenderit dolor beatae ea dolores neque\nfugiat blanditiis voluptate porro vel nihil molestiae ut reiciendis\nqui 
aperiam non debitis possimus qui neque nisi nulla” 


H 
"userId": 1, 
"id": 3, 
"title": "ea molestias quasi exercitationem repellat qui ipsa sit aut", 
"body": "et iusto sed quo iure nvoluptatem occaecati omnis eligendi aut ad\nvoluptatem doloribus vel accusantium quis pariatur nmolestiae porro eius odio et labore et 
velit aut" 


b 


"userId": 1, 

"id": 4 

"title": "eum et est occaecati", 

"body": "ullam et saepe reiciendis voluptatem adipisci\nsit amet autem assumenda provident rerum culpa\nquis hic commodi nesciunt rem tenetur doloremque ipsam iure\nquis 
sunt voluptatem rerum illo velit" 


h 


“userId": 1, 


"nesciunt quas odio", 
"repudiandae veniam quaerat sunt sed\nalias aut fugiat sit autem sed est\nvoluptatem omnis possimus esse voluptatibus quis\nest aut tenetur dolor neque" 


d 
H Gs GR BR eg d e P A 
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Buat nama variabel url 

Masukkan kedalam url 

Untuk buat method get sama dgn post 
Kasih asyn untuk mengunu hasil methodnya 
Await masukkan kedalama variabel 


Å 4. POST.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


e> createState() => 
rum rerum est autem sunt rem eveniet 
postData() 
url = 
porro vel nihil molestiae ut reiciendis\nqui 


response = http. post( -parse(url)); 


} 


@override 


build( context) { tur\nmolestiae porro eius odio et labore et 
sciunt rem tenetur doloremque ipsam iure inquis 


bus quis nest aut tenetur dolor neque" 


$90A0(6 g^ Debug my code pac art Dart Dev lutter: 2.103 Pixel 4 AF android-x64 emulator) AP ( - 
BOT €.€ ECH ue» ^o ACERmMAW o M 
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UU «mm tim) mE © n) 
Get seperti ini tapi 

Mempunyai parameter baru body 

Body ini adalah isi dari data 

Kita membuat menginput dari usersld, id, title,body 

Dia bentuk nya map 

Pertma dia userld bentuknya String 

Atau acak mengunaka random nextint maxsimal beberapa (10) 
Kemudian title kita buat judul 

Ini hanya contoh 

Kemudian body isi sembarang 

Lalu save 

Lalu print resnponse body 

Kemarin get juga pakai body 

Body ini kita sediakan sendri oleh database lalu kita ambil body 
Body dari input user 

Disini Id tidk di input dia mengisi otomatis sudah menginput 
Jgn lupa int kasih tostring 


Å 4. POST.mp4 - VLC media player 
Media Playback Audio Video Subtitle Tools View Help 
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> extends State<HomePage> { 


c( < 
ring url = json i 5 4 
ar response t http.post(Uri.parse(url), body: ( S 
m().nextInt(10).toString(), o 
E a 
D: 
print (response.body): 
) 
@override 
Widget build(BuildContext context) { GE 
4) o5 Hg d 
T i [mn tin ss weg? 
Id kenapa 101 karena post memiliki sudah ada 100 maka kita tambhkan data 
Maka otomatis 101 
Ini sudah berhasil mem post data 
Data ini dari input users 
Maka kita buat inputnya 
Guna textfild buat 2 untuk title dan body 
Å 4. POST.mp4 - VLC media player = x 
Media Playback Audio Video Subtitle Tools View Help 
& maindat X 
appBar: / H 
title: 
), 
body: 
child: c 
mainAxisAlignment ainAxis 
children: 
Elevat 
L 
T i [mn rim ss M9 


Lalu bungkus dgn padding rfactor 


Å 4. POST.mp4 - VLC media player — x 
Media Playback Audio Video Subtitle Tools View Help 
X] File Edit lection Terminal Help main.dart - htt 
€ maindat x u 5 


mainAxisAlignment: MainA nent.center, 
children: [ 


onPressed: postDatla 
child: Text("F Js 


DEBUG CONSOLE 


id": 101 


libraries in 805ms 
10223): app time stats: avg=3456.97ms min=5.@lms max-75668.62ms count=22 
1 of 654 libraries in 745ms 
time stats: avg-8676.38ms min-8676.38ms max=8676.38ms count=1 
ded 1 of 654 ies in 824ms 
emulation(10223 E stats: avg=11304.54ms minz11304.54ms max=11304.54ms count=1 


09:16 11:59 


lij kama Lim sis 0) | 
Kasih sizeBox agar ada jarak 


Å 4. POST.mp4 - VLC media player — x 
Media Playback Audio Video Subtitle Tools View Help 
X] File Edit Selection View Go Run Terminal Help main.dart - http request - V studio Code 
E maindat X 


x i lomePaq 

padding: 

child: umn ( a 
mainAxisAlignment nAx g center, 
children: [ 


eld Q j| 


d: postData, 


child: Text("f », 


DEBUC 
Reloaded 1 of 654 libraries in 8@5ms 
D/EGL emulation(10223 app time stats vg=3456.97ms in=5 s 6 6 s count=22 
Reloaded 1 of 654 libraries in 745ms 
10223): app time stat vg78676. 38ns 
654 libraries in 
app_t t vgz11304.54ms ainsi) S4ms 304.5 count=1 
Reloaded 1 c li ries in 743ms 


D/EGL emulation(1 app time stats: avg-15031.39ms min-15031.39ms max-15031.39ms 


Wl Gleis HORRA pubes 
Ini untuk title dan body 

Kita isi dari sini untuk input users 

Tingal bikin var yg arti nya inputTitle TextEditingController 

Lalu buat input body juga 


Å 4. POST.mp4 - VLC media player — x 
Media Playback Audio Video Subtitle Tools View Help 
X] File Edit Selection View Go Run Terminal Help e main.dart - http re 
& maindat 6 


E 


var response await http.post(Uri.parse(url), body: ( 
E ndom().nextInt(10).toString(), 


}); 

print(response.body); 
var inputTitle = Text troller(); 
var inputBody = TextE i ller(); 


@override 
Widget build(BuildConte context) { 


9 DEBUG CONSOLE | 
EGL emulation app time stats 2 min=481 max=5@6 
EGL_emulation app_time_stats: av s 78.22 
EGL emulation app time stats 
EGL emulati 10223): app time stats 
10223): app time stats 

.emulation(10223): app time stats 
EGL emulation(10223): app time stats 
EGL emula 10223): app time stats 


10:05 11:59 


Hom» nia FS "P | 
Tingal kasih ke textField property controller 
Å 4. POST.mp4 - VLC media player = x 


Media Playback Audio Video Subtitle Tools View Help 


X] File Edit Selection View Go Run Terminal Help 


& maindat X 


& i rePag 
paaaing: 
child: Col = = 
mainAxisAlignment: MainAxisAlignment.center, H 
children: [ * 
" " o 
inputTitle, 
» 
< 
( a 
controller: inputBody, 
onPresse postData, 
child: Text( » 
DEBUG CONSOLE F 
app time stats: avg=494.58ms min-484.59ms max=512 
app time stats Sms min-507.84ms max-508.25ms 
app time stats: av 43ms min-499.68ms max-507.18ms 
emula app time st 
emula app time sta 
emulation(18 app time stats 
emulati app time stats 
app time stats 
WO o ez E as Bue > “AG IMAM oo B 
10:22 11:59 
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Maka sudah bisa tingal ganti title nya dgn inputTitle.text 
Body juga 
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s _HomeP xtends State<HomePage> { = 
d postData() async { 
String url = 


var response = await http.post(Uri.p e(url), body: { 
: Rar i() .nextInt(10).toString(), 
: inputTitle.text, 
H inputBody.textl 


»; 


print(response.body); 


} 


inputTitle iti roller(); 
inputBody iting troller(); 


DEBUG CONSOLE 
app time stats gz511.57ms min 
app time 
app time stat 
app time stats 
app time s 
app time stats 
app time stats 


app time 


10:45 11:59 


Lalu save 


Kemudian hapus dahulu agar ksong 
Sekarang kita input 
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d postData() asyn 
tring url = 


var response t http.post(Uri.parse(url), body: 
- n() .nextint(10).toStringe(), 
: inputTitle.text, 
: inputBody. text 
D: 


print(response. body) ; 


inputTitle T di Controller(); 
inputBody ontroller(); 


DEBUG CONSOLE 


EGL emu app time stats 2 s min=6.59ms max=501.56ms cou 
D/EGL app time stats: avg-499.41ms min-498.05ms max=500.76ms c 
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I) kep Lim so mp” 4 
Ini sesudah sesuai inputan ygsudah diketik 


Sesuai dgn inputan users 
Manffat kan post ini untuk proses login atau tambahkan sebuah data 
Berikutnya membhas put dan patch 


myApp StatelessWidget { 
n ({Key? key}) : (key: key); 


@override 
Widget build(BuildContext context) { 
MaterialApp( 
home: hom yel), 
): 
} 
| 


homePage StatefulWidget { 
r ye({Key? key}) : (key: key); 


@override 
State<homePage> 


} 


_homePageState State<homePage> { 


() 1 


String url = 


response = http.post(Uri.p: (url), body: 1 
: Random().nextint(10).toS JO); 
: inputTitle.text, 
: inputBody.text, 
H; 


print(response.body); 


} 


inputTitle = TextEditingController(); 
inputBody = TextEditingController(); 


@override 
Widget build(BuildContext context) { 
Scaffold( 
appBar: AppBar( 
title: Text( 1 
lk 
body: Center( 
child: Padding( 
padding: Edgelnsets.all(20.0), 
child: Column( 
mainAxisAlignment: MainAxisAlignment.center, 
children: [ 
TextField( 
controller: inputTitle, 
decoration: InputDecoration( 
border: OutlinelnputBorder(), 
labelText: à 
), 
DË 
SizedBox( 
height: 20, 
lk 


TextField( 

controller: inputBody, 
decoration: InputDecoration( 
border: OutlinelnputBorder(), 
labelText ; 

) 

DË 

SizedBox( 
height: 20, 


) 


ElevatedButton( 


onPressed: postData, 
child: Text( ), 


